<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <h:form id="PagoListForm" >

        <p:panel header="#{myBundle.ListPagoTitle}">
            <p:dataTable id="datalist" value="#{pagoController.items}" var="item"
                         selectionMode="single" selection="#{pagoController.selected}"
                         rowKey="#{item.idPago}"
                         paginator="true"
                         rows="10"
                         rowsPerPageTemplate="10,20,30"
                         >

                <p:ajax event="rowSelect"   update="createButton viewButton editButton deleteButton"/>
                <p:ajax event="rowUnselect" update="createButton viewButton editButton deleteButton"/>

                <p:column sortBy="#{item.idPago}" filterBy="#{item.idPago}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_idPago}"/>
                    </f:facet>
                    <h:outputText value="#{item.idPago}"/>
                </p:column>
                <p:column sortBy="#{item.descripcion}" filterBy="#{item.descripcion}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_descripcion}"/>
                    </f:facet>
                    <h:outputText value="#{item.descripcion}"/>
                </p:column>
                <p:column sortBy="#{item.monto}" filterBy="#{item.monto}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_monto}"/>
                    </f:facet>
                    <h:outputText value="#{item.monto}"/>
                </p:column>
                <p:column sortBy="#{item.numeroTarjeta}" filterBy="#{item.numeroTarjeta}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_numeroTarjeta}"/>
                    </f:facet>
                    <h:outputText value="#{item.numeroTarjeta}"/>
                </p:column>
                <p:column sortBy="#{item.fechaVencimientoTarjeta}" filterBy="#{item.fechaVencimientoTarjeta}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_fechaVencimientoTarjeta}"/>
                    </f:facet>
                    <h:outputText value="#{item.fechaVencimientoTarjeta}">
                        <f:convertDateTime pattern="MM/dd/yyyy" />
                    </h:outputText>
                </p:column>
                <p:column sortBy="#{item.numeroAutorizacionTarjeta}" filterBy="#{item.numeroAutorizacionTarjeta}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_numeroAutorizacionTarjeta}"/>
                    </f:facet>
                    <h:outputText value="#{item.numeroAutorizacionTarjeta}"/>
                </p:column>
                <p:column sortBy="#{item.idTipoTarjeta.descripcion}" filterBy="#{item.idTipoTarjeta.descripcion}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_idTipoTarjeta}"/>
                    </f:facet>
                    <h:outputText value="#{item.idTipoTarjeta.descripcion}"/>
                </p:column>
                <p:column sortBy="#{item.idTipoPago.descripcion}" filterBy="#{item.idTipoPago.descripcion}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_idTipoPago}"/>
                    </f:facet>
                    <h:outputText value="#{item.idTipoPago.descripcion}"/>
                </p:column>
                <p:column sortBy="#{item.idEmpresa.descripcion}" filterBy="#{item.idEmpresa.descripcion}">
                    <f:facet name="header">
                        <h:outputText value="#{myBundle.ListPagoTitle_idEmpresa}"/>
                    </f:facet>
                    <h:outputText value="#{item.idEmpresa.descripcion}"/>
                </p:column>
                <f:facet name="footer">
                    <div class="footer-section">
                        <p:commandButton id="createButton" icon="ui-icon-plus"   value="#{myBundle.Create}" actionListener="#{pagoController.prepareCreate}" update=":PagoCreateForm" oncomplete="PagoCreateDialog.show()"/>
                        <p:commandButton id="viewButton"   icon="ui-icon-search" value="#{myBundle.View}" update=":PagoViewForm" oncomplete="PagoViewDialog.show()" disabled="#{empty pagoController.selected}"/>
                        <p:commandButton id="editButton"   icon="ui-icon-pencil" value="#{myBundle.Edit}" update=":PagoEditForm" oncomplete="PagoEditDialog.show()" disabled="#{empty pagoController.selected}"/>
                        <p:commandButton id="deleteButton" icon="ui-icon-trash"  value="#{myBundle.Delete}" actionListener="#{pagoController.delete}" update=":growl,datalist" disabled="#{empty pagoController.selected}">
                            <p:confirm header="#{myBundle.ConfirmationHeader}" message="#{myBundle.ConfirmDeleteMessage}" icon="ui-icon-alert"/>
                        </p:commandButton>
                    </div>
                </f:facet>

            </p:dataTable>

        </p:panel>
        <ui:include src="/confirmation.xhtml"/>
    </h:form>

</ui:composition>